<!DOCTYPE html> <!-- 告诉浏览器这个网页是H5的超文本标记语言 -->
<html lang="zh-CN"> <!-- 表示当前网站属于哪种语言的网站：en(英文)、zh(中文), 默认en, CN代表国家代码、具体详情参考：https://www.w3school.com.cn/tags/html_ref_country_codes.asp -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="imgs/keai.gif" rel="shortcut icon"> <!-- 图标 -->
    <title>H5标签演示</title> <!-- title标签的内容会同时也会作为搜索引擎中标题出现 --> 
    <meta name="keywords" content="html5标签测试,h5标签测试"/> <!-- 搜索引擎网站标题关键字多个逗号隔开 -->
    <meta name="description" content="一个非常不错的网站"/> <!-- 搜索引擎网站描述介绍 -->


</head>
<body>
    <a href="#bottom">去底部</a>

    <h1>一级标题</h1> <!-- 共6级 -->
    <h2>二级标题</h2>

    <hgroup> <!-- 标题组 -->
        <h1>一级标题</h1>
        <h2>二级标题</h2>
    </hgroup>

    <!-- 定义语法类标签、元素都是短语元素 -->
    <em>测试em</em>
    <strong>测试strong</strong>
    <dfn>测试dfn</dfn>
    <code>测试code</code>
    <samp>测试samp</samp>
    <kbd>测试kbd</kbd>
    <var>测试var</var>
    <cite>测试cite</cite>

    <hr>
    鲁迅说：
    <blockquote>这句话从来没说过</blockquote> <!-- 自动换行并首行缩进 -->
    子曰:
    <q>学而时习之，乐呵乐呵</q> <!-- 给这段话加上双引号 -->    
    
    <!-- 
        a标签超链接元素：
            hrfe:
                # 回到顶部
                ./xxx.html 当前根目录
                ../xxx.html 当前目录的上一级目录
                javaScript:; 静态超链接、也常占位符,点击无需任何反应
            target:
                _self 当前窗口跳转打开(默认)
                _blank 新窗口跳转打开

     -->
     <br>
    <a href="../index.html" >超链接index</a>
    <a href="./hellowork.html">超链接hellowork</a>
    <a href="javaScript:;">静态超链接</a>
    <a id="bottom" href="#">回到顶部</a>
</body>
</html>